<template>
  <view class="not-content" :style="{ height: defaultHeight + 'rpx' }">
    <!-- <image class="not-img" src="/static/my/not-page-list.png" /> -->
    <image
      class="not-img"
      :src="img"
      mode="aspectFit"
      :style="{ marginBottom: marginBottom + 'rpx' }"
    />
    <view class="text">
      {{ title }}
    </view>
  </view>
</template>

<script setup lang="ts">
defineProps({
  title: {
    type: String,
    default: '暂无数据',
  },
  img: {
    type: String,
    default: '/static/shop/follow_shop.png',
  },
  defaultHeight: {
    type: [String, Number],
    default: 320,
  },
  marginBottom: {
    type: [String, Number],
    default: 20,
  },
})
</script>

<style lang="scss" scoped>
.not-content {
  min-width: 260rpx;
  width: 100%;
  display: flex;
  flex-direction: column !important;
  align-items: center;
  background-color: transparent;
  justify-content: flex-end !important;
  margin: 0 auto;

  .text {
    font-size: 28rpx;
    // font-weight: bold;
    color: #868686;
  }

  .not-img {
    width: 257rpx;
    height: 173rpx;
    margin-bottom: 10rpx;
  }
}
</style>
